<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <link rel="stylesheet" href="https://cdn.staticfile.org/element-ui/2.15.9/theme-chalk/index.css">
  <style>
    .fixed_nav{
      position:fixed;
      z-index: 1500;
      top:0;
      left:6px;
      right: 0;
      width:0px;
      height:130px;
      background:#777777;
      padding: 0px 144px ;
    }
    #top{
      width: 1600px;
      margin: 0px 0px 0px 0px;
      min-height: 0px;
    }
    .el-carousel__item h3 {
      color: black;
      font-size: 14px;
      opacity: 0.75;
      line-height: 150px;
      margin: 0;
    }
    header a {
      text-decoration: none;
      color:black;
    }
    #nav{
      float: right;
      width: 1150px;
      margin-right: 300px ;
      line-height: 130px;
      font-size: 23px;
      color: yellow;
    }
    #nav>a{
      margin-right: 30px;
      color: #ffffff;
      -color:cornflowerblue;
    }
    a:visited {
      color: brown; /*已访问的链接颜色*/
    }









  </style>

  <style type="text/css">
    #nav>a:link {
      color: white; /*未访问的链接颜色*/
    }
    #nav>a:hover {
      color: cornflowerblue; /*鼠标移动到链接的颜色*/
      text-decoration: underline;
    }
    #nav>a:active {
      color: sandybrown; /*鼠标点击时的颜色*/
    }
  </style>
</head>
<body>
<header id="top" class="fixed_nav">
  <div id="logo" class="lf" style="width: 1880px;">
    <img class="animated jello"  width="250" height="130" src="锐晨装饰标头.png" style="width: 280px;vertical-align: middle" alt="logo"/>
    <nav id="nav">
      <a href="/" style="right: 50px">首页</a>
      <a href="" >设计案例</a>
      <a href="">家居商城</a>
      <a href="">我要装修</a>
      <a href="">设计团队</a>
      <a href="">用户点评</a>
      <a href="">关于我们</a>
      <i class="el-icon-phone-outline"></i>
      <span class="tel" style="font-size: 27px" >400-800-3200</span>
    </nav>
  </div>
</header>
<div id="app">
  <template>
    <div style="width: 1910px">
      <el-carousel height="800px">
        <el-carousel-item v-for="item in arr">
          <img :src="item" width="1887px" height="800px" alt="">
        </el-carousel-item>
      </el-carousel>
    </div>


    <div id="syt" style="width: 1887px;height: 60px;background-color: black" >
      <div id="sy">
        <el-breadcrumb separator-class="el-icon-arrow-right">
          <el-breadcrumb-item :to="{ path: 'admin2' }">首页</el-breadcrumb-item>
          <el-breadcrumb-item><a href="">家居商城</a></el-breadcrumb-item>
          <el-breadcrumb-item><a href="">用户点评</a></el-breadcrumb-item>
        </el-breadcrumb>
      </div>
    </div>




  </template>
</div>

<div>
  <el-footer>
    <div style="background-color: #3f3f3f;padding:25px 0;text-align: center;color: #b1b1b1">
      <p>Copyright © 北京达内金桥科技有限公司版权所有 京ICP备12003709号-3 京公网安备 11010802029572号</p>
      <p>达内在线WWW.TMOOC.CN 专注于IT职业技能培训</p>
      <p>涵盖20余门课程体系，致力于打造权威的IT职业教育学习平台</p>
    </div>


  </el-footer>
</div>
</body>

<!-- import Vue before Element -->
<script src="https://cdn.staticfile.org/vue/2.6.14/vue.min.js"></script>
<!-- import JavaScript -->
<script src="https://cdn.staticfile.org/element-ui/2.15.9/index.min.js"></script>
<script>
  let v = new Vue({
    el: '#app',
    data: function () {
      return {
        arr:["A1.jpg"]
      }
    },
    methods: {}
  })
</script>
</html>